<template>
	<div class="common-layout">
		<el-container>
			<el-header>Welcom To PhotoWall</el-header>
			<el-main>
				<el-row>
					<el-col>
						<ImageCarousel></ImageCarousel>
					</el-col>
				</el-row>
				 <el-divider/>
				<el-row>
					<el-col>
						<ScrollPhotoList></ScrollPhotoList>
					</el-col>
				</el-row>
			</el-main>
			<el-divider></el-divider>
			<el-footer>Footer</el-footer>
		</el-container>
	</div>
</template>

<script setup>
	import ImageCarousel from '../../components/ImageCarousel.vue'
	import ScrollPhotoList from '../../components/ScrollPhotoList.vue';
</script>

<style>
	body {
		margin: 0;
	}
</style>